<template>
    <div class="content">
        <h1>{{ type}}</h1>
      <!-- 
      数据被组件外部已经传递到了组件的内部!!!!!!!
      但是结构还是需要插槽传递,但是在组件外部传递插槽的时候,需要当前组件内的数据,我们就要把当前的数据传递出去供插槽结构使用
      这样就用到了 作用域插槽:在封装组件的时候,给slot提供一些值,供将来传递插槽生成结构的时候使用

      使用自定义属性的方式给slot标签传递作用域插槽的值
     -->
      <slot name="typeList" :list="list" :a="1"></slot>
      
    </div>
  
</template>

<script>
export default {
name:"Content",
props:["type","list"]
}
</script>

<style scoped>

.content {
  width: 200px;
  height: 300px;
  background: greenyellow;
}

.content h1 {
  background: yellow;
}
</style>